.modal {
  position: fixed;
  z-index: 11;
  top: 36%;
  left: 15%;
  max-width: 70%;
  min-height: 60px;
  color: #ea4c87;
  background: rgb(255, 255, 210);
}

.my-modal-view {
  .one-line-modal {
    border-radius: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    max-width: 70%;
    display: inline;
    padding: 0;
  }

  .filter-0 {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
  }
  .filter {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: grey;
    opacity: .5;
  }

  .one-line {
    border: 0;
    text-align: center;
    background: rgb(255, 255, 210);
    color: orangered;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

}